@import "./_base2.styl"
.plan-item-cell
  position relative
  background linear-gradient(322deg, rgba(87, 206, 250, 1) 0%, rgba(96, 193, 245, 1) 44%, rgba(58, 161, 247, 1) 100%)
  box-shadow 0 2px 3px 0 rgba(144, 139, 139, 0.5)
  border-radius 13px
  & + .plan-item-cell
    margin-top 10px
  &.plan-item-cell-1
    background linear-gradient(322deg, rgba(234, 156, 255, 1) 0%, rgba(85, 134, 248, 1) 100%)
  &.plan-item-cell-2
    background linear-gradient(322deg, rgba(86, 216, 252, 1) 0%, rgba(28, 187, 119, 1) 100%)
  &.plan-item-cell-3
    background linear-gradient(322deg, rgba(255, 159, 115, 1) 0%, rgba(254, 93, 155, 1) 100%)
  &:after
    content ''
    display block
    padding-top 30.34%
  .item-cell--area
    position absolute
    top 0
    left 0
    width 100%
    height 100%
    display flex
    color $color-text-f
    .txt
      width 113px
      text-align center
      padding 13px 0
      line-height 29px
      .txt-1
        font-size $font-size-large-x
        width 100px
        margin 0 auto
      .txt-2
        font-size $font-size-medium
    .line
      width 2px
      height 95%
      background linear-gradient(rgba(157, 229, 248, 1) 0%, rgba(149, 233, 248, 0) 100%)
    .mn
      flex 1
      font-size $font-size-medium
      padding 15px 24px
      .cnt
        line-height 20px
        height 60px
        setTextOverflow(3)
